<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>form表单</title>
	</head>
	<body>
		<!--
        	from表单：一般用来用户信息的登录和注册
        	一般包含：1.输入框input
        	2.下拉列表select option
        	3.多行文本框textarea
        	注册页面
        	submit提交按钮触发action属性
        	通过提交按钮submit进行参数的传入
        	action="提交路径"
        	request.getparamter("参数名")
        	表单提交方式：get(默认)
        	1.参数通过？拼接到url上
        	2.不安全 
        	3.大小不超过1k
        	 post:
        	 1.将参数加密，与url形成了一个整体
        	 2.安全
        	 3.参数大小比较大
        	             
        	 电子邮箱：email            
        -->
        <form action="http://www.baidu.com"method="post">
       <!--
       	域集：fieldset
       --> <!--
        	lable标签：标注元素
        -->	
        <fieldset>
        	<!--	域集标题：legend -->
        	<legend>注册表</legend>
            	
        <label>用户名称：</label>
        <!--
        	文本输入框：input
        	text="text"
        	placeholder:提示信息
        	input
        -->
      
        <input type="text"name="name" placeholder="用户名"/><br />
        <!--
        	2.密码输入框
type="password"设置最大长度：maxlength
        -->
        <label for "pass">用户密码：</label>
        <input type="password"maxlength="6"id="pass" /><br />
        <!--
        	单元框：input
        	type：=radio
        	name=""属性保持一致
        -->
        <label>用户性别：</label>
        <intput type="radio"name="gender"value="男"/>男
           <intput type="radio"name="gender"value="女"/>女
           <br />
           <!--
           	复选框：input
           	checked="checked" 默认的
           -->
           <label>用户爱好：</label>
           <input type="checkbox"checked="checked" value="足球"/>足球
           <input type="checkbox"value="篮球" />篮球
           <input type="checkbox"value="乒乓球" />乒乓球
           <br />
           <!--
           	5.下拉列表：所在城市
           	select option
           	默认选项：selected="selected"
           -->
           <label>所在城市：</label>
           <select>
           	<option>请选择省份：</option>
           	<option>黑龙江</option>
           	<option>吉林</option>
           	<option>辽宁</option>
           </select>
          <select>
          	<option>请选择城市：</option>
          	<option selected="selected">沈阳</option>
          	<option>抚顺</option>
          	<option>大连</option>
          	
          </select>
          <!--
          	6.文件类型上传/：
          -->
          <label>文件类型
          </label>
          <input type ="file" />
          <br />
          
          <!--
          7.多行输入框
          设置行数：rows="列数cols="整数"
          -->
          <lable style="vertical-align: top;">多行输入框：</lable>
          <textarea rows="20"cols="20"></textarea>
          	<br />
          	<!--
            8.  按钮：input
            普通按钮：type="button"
            重置按钮：type="reset"
            
              
              -->
              <input type="button"value="普通按钮" />
               <input type="reset"value="重置按钮" />
                   <input type="submit"value="提交按钮" />
              
           
             <input type="date" />
               <input type="month" />
               </fieldset>
        </form>
	</body>
</html>
